<template>
  <div class="main-container" id="main-container">
    <div style="background-color: #fff; height: 100%" id="masterDataSettings">
      <a-tabs :lazy-load="true" type="card" @change="tabsChange" justify>
        <a-tab-pane title="来料检验项目" key="1" v-if="permissionStore.hasPermisson('jczlsz.lljyxm')">
          <div style="height: 100%">
            <IncomingInspectionitems></IncomingInspectionitems>
          </div>
        </a-tab-pane>
        <a-tab-pane title="检验项目详情" key="2" v-if="permissionStore.hasPermisson('jczlsz.jyxmxq')">
          <div style="height: 100%">
            <DetailsInspectionitems></DetailsInspectionitems>
          </div>
        </a-tab-pane>

        <a-tab-pane title="疵点名称" key="3" v-if="permissionStore.hasPermisson('jczlsz.cdmc')">
          <div style="height: 100%">
            <DefectName></DefectName>
          </div>
        </a-tab-pane>
        <a-tab-pane title="验布等级" key="4" v-if="permissionStore.hasPermisson('jczlsz.ybdj')">
          <div style="height: 100%">
            <ClothInspectionGrade></ClothInspectionGrade>
          </div>
        </a-tab-pane>
        <a-tab-pane title="验布备注" key="5" v-if="permissionStore.hasPermisson('jczlsz.ybbz')">
          <div style="height: 100%">
            <VerifyclothRemark></VerifyclothRemark>
          </div>
        </a-tab-pane>
        <a-tab-pane title="重量差异设定" key="6" v-if="permissionStore.hasPermisson('jczlsz.ybbz')">
          <div style="height: 100%">
            <zlcysd></zlcysd>
          </div>
        </a-tab-pane>
        <a-tab-pane title="SOP岗位" key="7">
          <div style="height: 100%">
            <SOPposts></SOPposts>
          </div>
        </a-tab-pane>
        <a-tab-pane title="SOP审核员" key="8">
          <div style="height: 100%">
            <SOPauditStaff></SOPauditStaff>
          </div>
        </a-tab-pane>
        <a-tab-pane title="SOP检查内容" key="9">
          <div style="height: 100%">
            <SOPchecks></SOPchecks>
          </div>
        </a-tab-pane>
        <a-tab-pane title="事故条件设置" key="10">
          <div style="height: 100%">
            <incidentCondition></incidentCondition>
          </div>
        </a-tab-pane>
        <a-tab-pane title="验后重量限制设置" key="11" v-if="permissionStore.hasPermisson('jczl.zlqjsz')">
          <div style="height: 100%">
            <StoreBasicInformation></StoreBasicInformation>
          </div>
        </a-tab-pane>
        <!-- <a-tab-pane title="布类疵点名称" key="5">
                            <div style="min-height: 100px">
                                <FabricDefectsName></FabricDefectsName>
                            </div>
                    </a-tab-pane> -->
        <!-- <a-tab-pane title="修补工时" key="6">
                            <div style="min-height: 100px">
                                <RepairLabor></RepairLabor>
                            </div>
                    </a-tab-pane> -->
      </a-tabs>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent, reactive, ref } from 'vue'
import usePermission from '@/store/modules/permission'
import emitter from '@/hooks/useEventBus'
import zlcysd from './components/zlcysd.vue'
// import StoreBasicInformation from '@/components/warehousesettings/basicdatasettings/StoreBasicInformation.vue'
import usePermission from '@/store/modules/permission'


export default defineComponent({
  name: 'masterDataSettings',
  setup() {
    const pageData = reactive({
      tableIndex: '1',
    })

    const tabsChange = (e: string | number) => {
      emitter.emit('window-change')
    }
    const permissionStore = usePermission()
    return {
      pageData,
      tabsChange,
      permissionStore,
    }
  },
  components: { zlcysd }
})
</script>
<style scoped>
.main-container {
  height: 100%;
}

:deep(.ag-cell) {
  border-right: 1px solid #dde2eb;
}

:deep(.ag-header-cell) {
  border-right: 1px solid #dde2eb;
}

:deep(.ag-cell-value) {
  user-select: initial;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
}
</style>